<!DOCTYPE html>
<html lang="en" class="">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>
      The English Alphabetic Code – With Audio – SyntheticPhonics.com
    </title>

    <link
      rel="stylesheet"
      id="act-frontend-style-css"
      href="./EnglishAlphabeticCode/act-styles.css"
      type="text/css"
      media="all"
    />

    <script
      type="text/javascript"
      src="./EnglishAlphabeticCode/jquery.min.js"
      id="jquery-core-js"
    ></script>
  </head>

  <body>
    <div id="code-page">
      <table id="act-code-table" cellspacing="0">
        <thead>
          <tr>
            <td rowspan="2" class="act-head-left-yellow">
              Units of Sound<br />
              Phoneme/s
            </td>
            <td colspan="6" class="act-head-long-top">
              Graphemes (letters or letter groups) that
              <span class="act-red">are code for</span> the sounds
            </td>
          </tr>
          <tr>
            <td class="act-head-long-bottom-1">Simple Code</td>
            <td colspan="5" class="act-head-long-bottom-2">Complex Code</td>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="2"
              data-audio="./EnglishAlphabeticCode/audio/s.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>s</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="s"
              rowspan="2"
              data-audio="./EnglishAlphabeticCode/audio/s_asin_snake.mp3"
            >
              <span class="act-right-col-label"
                >s<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/snake.png" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">s</span>nake
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #94dbce; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-ce"
              data-audio="./EnglishAlphabeticCode/audio/s_asin_palace.mp3"
            >
              <span class="act-right-col-label"
                >-ce<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/palace.jpg" />
              </div>
              <div class="act-text-holder">
                pala<span class="act-black">ce</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #4a64b7; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="c"
              data-audio="./EnglishAlphabeticCode/audio/s_asin_cents.mp3"
            >
              <span class="act-right-col-label"
                >c<span class="act-outline-font">e</span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/cents.png" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">c</span>ents
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #e7b09c; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="c"
              data-audio="./EnglishAlphabeticCode/audio/s_asin_city.mp3"
            >
              <span class="act-right-col-label"
                >c<span class="act-outline-font">i</span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/city.png" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">c</span>ity
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #e7b09c; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="c"
              data-audio="./EnglishAlphabeticCode/audio/s_asin_bicycle.mp3"
            >
              <span class="act-right-col-label"
                >c<span class="act-outline-font">y</span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/bicycle.jpg" />
              </div>
              <div class="act-text-holder">
                bi<span class="act-black">c</span>ycle
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #e7b09c; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-6 act-has-audio"
              data-col_key="sc"
              data-audio="./EnglishAlphabeticCode/audio/s_asin_scissors.mp3"
            >
              <span class="act-right-col-label"
                >sc<span class="act-outline-font">eiy</span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/scissors_col450.jpg" />
              </div>
              <div class="act-text-holder">scissors</div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 7
              </div>
            </td>
          </tr>
          <tr>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-ss"
              data-audio="./EnglishAlphabeticCode/audio/s_asin_glass.mp3"
            >
              <span class="act-right-col-label"
                >-ss<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/glass.png" />
              </div>
              <div class="act-text-holder">
                gla<span class="act-black">ss</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #c6e670; color: #eee"
              ></div>
            </td>

            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-se"
              data-audio="./EnglishAlphabeticCode/audio/s_asin_house.mp3"
            >
              <span class="act-right-col-label"
                >-se<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/house.jpg" />
              </div>
              <div class="act-text-holder">
                hou<span class="act-black">se</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #4a64b7; color: #eee"
              ></div>
            </td>

            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="-st-"
              data-audio="./EnglishAlphabeticCode/audio/s_asin_castle.mp3"
            >
              <span class="act-right-col-label"
                >-st-<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/castle_col460.jpg" />
              </div>
              <div class="act-text-holder">
                ca<span class="act-black">st</span>le
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #1c8b8e; color: #eee"
              >
                PI Unit 8
              </div>
            </td>

            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="ps"
              data-audio="./EnglishAlphabeticCode/audio/s_asin_pseudonym.mp3"
            >
              <span class="act-right-col-label"
                >ps<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/pseudonym_col480-Copy.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">ps</span>eudonym
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 12
              </div>
            </td>

            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>

          <tr>
            <td
              class="act-left-col act-left-1 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/a.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>a</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="a"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/a_asin_apple.mp3"
            >
              <span class="act-right-col-label"
                >a<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/apple.png" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">a</span>pple
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #94dbce; color: #eee"
              ></div>
            </td>
            <td class="act-right-col right-col-2" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-3" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-4" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/t.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>t</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="t"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/t_asin_teddy.mp3"
            >
              <span class="act-right-col-label"
                >t<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/teddy.png" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">t</span>eddy
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #94dbce; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-tt"
              data-audio="./EnglishAlphabeticCode/audio/t_asin_letter.mp3"
            >
              <span class="act-right-col-label"
                >-tt<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/letter_col_big.jpg" />
              </div>
              <div class="act-text-holder">
                le<span class="act-black">tt</span>er
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-ed"
              data-audio="./EnglishAlphabeticCode/audio/t_asin_ripped.mp3"
            >
              <span class="act-right-col-label"
                >-ed<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/rip.jpg" />
              </div>
              <div class="act-text-holder">
                ripp<span class="act-black">ed</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 4
              </div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="-bt"
              data-audio="./EnglishAlphabeticCode/audio/t_asin_debt.mp3"
            >
              <span class="act-right-col-label"
                >-bt<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/money_wallet_col.jpg" />
              </div>
              <div class="act-text-holder">
                de<span class="act-black">bt</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="pt"
              data-audio="./EnglishAlphabeticCode/audio/t_asin_pterodactyl.mp3"
            >
              <span class="act-right-col-label"
                >pt<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/pterodactyl.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">pt</span>erodactyl
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-1 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/i.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>i</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="i"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/i_asin_insect.mp3"
            >
              <span class="act-right-col-label"
                >i<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/insect.png" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">i</span>nsect
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #94dbce; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-y"
              data-audio="./EnglishAlphabeticCode/audio/i_asin_cymbals.mp3"
            >
              <span class="act-right-col-label"
                >-y<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/cymbals.png" />
              </div>
              <div class="act-text-holder">
                c<span class="act-black">y</span>mbals
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 9
              </div>
            </td>
            <td class="act-right-col right-col-3" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-4" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/p.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>p</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="p"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/p_asin_pan.mp3"
            >
              <span class="act-right-col-label"
                >p<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/pan.png" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">p</span>an
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #94dbce; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-pp"
              data-audio="./EnglishAlphabeticCode/audio/p_asin_puppet.mp3"
            >
              <span class="act-right-col-label"
                >-pp<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/puppet_col.jpg" />
              </div>
              <div class="act-text-holder">
                pu<span class="act-black">pp</span>et
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-3" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-4" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/n.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>n</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="n"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/n_asin_net.mp3"
            >
              <span class="act-right-col-label"
                >n<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/net.png" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">n</span>et
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #94dbce; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-nn"
              data-audio="./EnglishAlphabeticCode/audio/n_asin_bonnet.mp3"
            >
              <span class="act-right-col-label"
                >-nn<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/bonnet_col.jpg" />
              </div>
              <div class="act-text-holder">
                bo<span class="act-black">nn</span>et
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="kn"
              data-audio="./EnglishAlphabeticCode/audio/n_asin_knot.mp3"
            >
              <span class="act-right-col-label"
                >kn<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/knot_col.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">kn</span>ot
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #1c8b8e; color: #eee"
              >
                PI Unit 7
              </div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="gn"
              data-audio="./EnglishAlphabeticCode/audio/n_asin_gnome.mp3"
            >
              <span class="act-right-col-label"
                >gn<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/gnome_col460.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">gn</span>ome
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #1c8b8e; color: #eee"
              >
                PI Unit 8
              </div>
            </td>
            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="-ne"
              data-audio="./EnglishAlphabeticCode/audio/n_asin_engine.mp3"
            >
              <span class="act-right-col-label"
                >-ne<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/engine_col480-Copy.jpg" />
              </div>
              <div class="act-text-holder">
                engi<span class="act-black">ne</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 12
              </div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/k.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>k</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="c"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/k_asin_cat.mp3"
            >
              <span class="act-right-col-label"
                >c<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/cat.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">c</span>at
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #94dbce; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="k"
              data-audio="./EnglishAlphabeticCode/audio/k_asin_kit.mp3"
            >
              <span class="act-right-col-label"
                >k<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/kit.png" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">k</span>it
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #94dbce; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-ck"
              data-audio="./EnglishAlphabeticCode/audio/k_asin_duck.mp3"
            >
              <span class="act-right-col-label"
                >-ck<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/duck.jpg" />
              </div>
              <div class="act-text-holder">
                du<span class="act-black">ck</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #94dbce; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="ch"
              data-audio="./EnglishAlphabeticCode/audio/k_asin_chameleon.mp3"
            >
              <span class="act-right-col-label"
                >ch<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/chameleon_col450.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">ch</span>ameleon
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #1c8b8e; color: #eee"
              >
                PI Unit 7
              </div>
            </td>
            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="qu"
              data-audio="./EnglishAlphabeticCode/audio/k_asin_bouquet.mp3"
            >
              <span class="act-right-col-label"
                >qu<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/bouquet_col.jpg" />
              </div>
              <div class="act-text-holder">
                bou<span class="act-black">qu</span>et
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 11
              </div>
            </td>
            <td
              class="act-right-col right-col-6 act-has-audio"
              data-col_key="que"
              data-audio="./EnglishAlphabeticCode/audio/k_asin_plaque.mp3"
            >
              <span class="act-right-col-label"
                >que<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/plaque_col480.jpg" />
              </div>
              <div class="act-text-holder">
                pla<span class="act-black">que</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 11
              </div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-1 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/e.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>e</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="e"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/e_asin_egg.mp3"
            >
              <span class="act-right-col-label"
                >e<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/egg.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">e</span>gg
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #94dbce; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-ea"
              data-audio="./EnglishAlphabeticCode/audio/e_asin_head.mp3"
            >
              <span class="act-right-col-label"
                >-ea<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/head.jpg" />
              </div>
              <div class="act-text-holder">
                h<span class="act-black">ea</span>d
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #d1c0cc; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-ai"
              data-audio="./EnglishAlphabeticCode/audio/e_asin_said_again_against.mp3"
            >
              <span class="act-right-col-label"
                >-ai<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/said_again.jpg" />
              </div>
              <div class="act-text-holder">
                s<span class="act-black">ai</span>d<br />
                ag<span class="act-black">ai</span>n<br />
                ag<span class="act-black">ai</span>nst
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="a"
              data-audio="./EnglishAlphabeticCode/audio/e_asin_any_many.mp3"
            >
              <span class="act-right-col-label"
                >a<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/many.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">a</span>ny m<span class="act-black"
                  >a</span
                >ny
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/h.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>h</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="h"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/h_asin_hat.mp3"
            >
              <span class="act-right-col-label"
                >h<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/hat.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">h</span>at
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #94dbce; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="wh"
              data-audio="./EnglishAlphabeticCode/audio/h_asin_who.mp3"
            >
              <span class="act-right-col-label"
                >wh<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/7.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">wh</span>o
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-3" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-4" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/r.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>r</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="r"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/r_asin_rat.mp3"
            >
              <span class="act-right-col-label"
                >r<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/rat.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">r</span>at
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #94dbce; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-rr"
              data-audio="./EnglishAlphabeticCode/audio/r_asin_arrow.mp3"
            >
              <span class="act-right-col-label"
                >-rr<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/arrow_col_big.jpg" />
              </div>
              <div class="act-text-holder">
                a<span class="act-black">rr</span>ow
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="wr"
              data-audio="./EnglishAlphabeticCode/audio/r_asin_write.mp3"
            >
              <span class="act-right-col-label"
                >wr<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/write_col450.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">wr</span>ite
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #1c8b8e; color: #eee"
              >
                PI Unit 7
              </div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="rh"
              data-audio="./EnglishAlphabeticCode/audio/r_asin_rhinoceros.mp3"
            >
              <span class="act-right-col-label"
                >rh<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/rhinoceros_col.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">rh</span>inoceros
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 7
              </div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/m.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>m</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="m"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/m_asin_map.mp3"
            >
              <span class="act-right-col-label"
                >m<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/map.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">m</span>ap
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #cce189; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-mm"
              data-audio="./EnglishAlphabeticCode/audio/m_asin_hammer.mp3"
            >
              <span class="act-right-col-label"
                >-mm<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/hammer_col_big.jpg" />
              </div>
              <div class="act-text-holder">
                ha<span class="act-black">mm</span>er
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-me"
              data-audio="./EnglishAlphabeticCode/audio/m_asin_welcome.mp3"
            >
              <span class="act-right-col-label"
                >-me<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/welcome.jpg" />
              </div>
              <div class="act-text-holder">
                welco<span class="act-black">me</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="-mb"
              data-audio="./EnglishAlphabeticCode/audio/m_asin_thumb.mp3"
            >
              <span class="act-right-col-label"
                >-mb<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/thumb_col.jpg" />
              </div>
              <div class="act-text-holder">
                thu<span class="act-black">mb</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #1c8b8e; color: #eee"
              >
                PI Unit 7
              </div>
            </td>
            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="-mn"
              data-audio="./EnglishAlphabeticCode/audio/m_asin_columns.mp3"
            >
              <span class="act-right-col-label"
                >-mn<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/columns_col-Copy.jpg" />
              </div>
              <div class="act-text-holder">
                colu<span class="act-black">mn</span>s
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 12
              </div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/d.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>d</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="d"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/d_asin_dig.mp3"
            >
              <span class="act-right-col-label"
                >d<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/dig_spade_col-2.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">d</span>ig
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #cce189; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-dd"
              data-audio="./EnglishAlphabeticCode/audio/d_asin_puddle.mp3"
            >
              <span class="act-right-col-label"
                >-dd<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/muddy_puddle_big.jpg" />
              </div>
              <div class="act-text-holder">
                pu<span class="act-black">dd</span>le
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-ed"
              data-audio="./EnglishAlphabeticCode/audio/d_asin_rained.mp3"
            >
              <span class="act-right-col-label"
                >-ed<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/rain450.jpg" />
              </div>
              <div class="act-text-holder">
                rain<span class="act-black">ed</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 14
              </div>
            </td>
            <td class="act-right-col right-col-4" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/g-1.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>g</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="g"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/g_asin_girl-1.mp3"
            >
              <span class="act-right-col-label"
                >g<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/girl.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">g</span>irl
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #cce189; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-gg"
              data-audio="./EnglishAlphabeticCode/audio/g_asin_juggle-1.mp3"
            >
              <span class="act-right-col-label"
                >-gg<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/juggle_col.jpg" />
              </div>
              <div class="act-text-holder">
                ju<span class="act-black">gg</span>le
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="gu"
              data-audio="./EnglishAlphabeticCode/audio/g_asin_guitar-1.mp3"
            >
              <span class="act-right-col-label"
                >gu<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/guitar_col.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">gu</span>itar
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 7
              </div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="gh"
              data-audio="./EnglishAlphabeticCode/audio/g_asin_gherkin-1.mp3"
            >
              <span class="act-right-col-label"
                >gh<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/Gherkin.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">gh</span>erkin
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 8
              </div>
            </td>
            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="-gue"
              data-audio="./EnglishAlphabeticCode/audio/g_asin_catalogue-1.mp3"
            >
              <span class="act-right-col-label"
                >-gue<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/catalogue_col-Copy.jpg" />
              </div>
              <div class="act-text-holder">
                catalo<span class="act-black">gue</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 12
              </div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-1 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/o.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>o</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="o"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/o_asin_octopus.mp3"
            >
              <span class="act-right-col-label"
                >o<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/octopus.png" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">o</span>ctopus
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #cce189; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="w"
              data-audio="./EnglishAlphabeticCode/audio/o_asin_was_watch.mp3"
            >
              <span class="act-right-col-label"
                ><span class="act-outline-font">w</span>a<br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/wa_watch.png" />
              </div>
              <div class="act-text-holder">
                w<span class="act-black">a</span>s w<span class="act-black"
                  >a</span
                >tch
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #1c8b8e; color: #eee"
              >
                PI Unit 8
              </div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="qu"
              data-audio="./EnglishAlphabeticCode/audio/o_asin_qualify.mp3"
            >
              <span class="act-right-col-label"
                ><span class="act-outline-font">qu</span>a<br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/qualify_col.jpg" />
              </div>
              <div class="act-text-holder">
                qu<span class="act-black">a</span>lify
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #1c8b8e; color: #eee"
              >
                PI Unit 8
              </div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="a"
              data-audio="./EnglishAlphabeticCode/audio/o_asin_salt.mp3"
            >
              <span class="act-right-col-label"
                >a<span class="act-outline-font">lt</span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/salt.png" />
              </div>
              <div class="act-text-holder">
                s<span class="act-black">a</span>lt
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #1c8b8e; color: #eee"
              >
                PI Unit 12
              </div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-1 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/u.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>u</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="u"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/u_asin_umbrella.mp3"
            >
              <span class="act-right-col-label"
                >u<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/umbrella.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">u</span>mbrella
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #cce189; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="o"
              data-audio="./EnglishAlphabeticCode/audio/u_asin_sun.mp3"
            >
              <span class="act-right-col-label"
                >o<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/son_new.jpg" />
              </div>
              <div class="act-text-holder">
                s<span class="act-black">o</span>n
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #2aa458; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-ou"
              data-audio="./EnglishAlphabeticCode/audio/u_asin_touch.mp3"
            >
              <span class="act-right-col-label"
                >-ou<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/touch_col.jpg" />
              </div>
              <div class="act-text-holder">
                t<span class="act-black">ou</span>ch
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #1c8b8e; color: #eee"
              >
                PI Unit 8
              </div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="-ough"
              data-audio="./EnglishAlphabeticCode/audio/u_asin_thoroughfare.mp3"
            >
              <span class="act-right-col-label"
                >-ough<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/thoroughfare_col480.jpg" />
              </div>
              <div class="act-text-holder">
                thor<span class="act-black">ough</span>fare
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 11
              </div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/l_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>l</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="l"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/l_asin_ladder.mp3"
            >
              <span class="act-right-col-label"
                >l<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/ladder.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">l</span>adder
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #cce189; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-ll"
              data-audio="./EnglishAlphabeticCode/audio/l_asin_shell.mp3"
            >
              <span class="act-right-col-label"
                >-ll<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/shell.jpg" />
              </div>
              <div class="act-text-holder">
                she<span class="act-black">ll</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #cce189; color: #eee"
              ></div>
            </td>
            <td class="act-right-col right-col-3" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-4" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/ul_01_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span class="act-grey">u</span><span>l</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="-le"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/ul_asin_kettle.mp3"
            >
              <span class="act-right-col-label"
                >-le<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/kettle.jpg" />
              </div>
              <div class="act-text-holder">
                kett<span class="act-black">le</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #2aa458; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-il"
              data-audio="./EnglishAlphabeticCode/audio/ul_asin_pencil.mp3"
            >
              <span class="act-right-col-label"
                >-il<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/pencil_col.jpg" />
              </div>
              <div class="act-text-holder">
                penc<span class="act-black">il</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #1c8b8e; color: #eee"
              >
                PI Unit 7
              </div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-al"
              data-audio="./EnglishAlphabeticCode/audio/ul_asin_hospital.mp3"
            >
              <span class="act-right-col-label"
                >-al<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/hospital_col.jpg" />
              </div>
              <div class="act-text-holder">
                hospit<span class="act-black">al</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #1c8b8e; color: #eee"
              >
                PI Unit 7
              </div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="-el"
              data-audio="./EnglishAlphabeticCode/audio/ul_asin_camel.mp3"
            >
              <span class="act-right-col-label"
                >-el<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/camel_col.jpg" />
              </div>
              <div class="act-text-holder">
                cam<span class="act-black">el</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #1c8b8e; color: #eee"
              >
                PI Unit 7
              </div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/f_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>f</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="f"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/f_asin_feathers.mp3"
            >
              <span class="act-right-col-label"
                >f<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/feathers.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">f</span>eathers
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #cce189; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-ff"
              data-audio="./EnglishAlphabeticCode/audio/f_asin_cliff.mp3"
            >
              <span class="act-right-col-label"
                >-ff<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/cliff.jpg" />
              </div>
              <div class="act-text-holder">
                cli<span class="act-black">ff</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #cce189; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="ph"
              data-audio="./EnglishAlphabeticCode/audio/f_asin_photograph.mp3"
            >
              <span class="act-right-col-label"
                >ph<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/photograph_col.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">ph</span>otograph
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #fcd556; color: #eee"
              >
                PI Unit 8
              </div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="-gh"
              data-audio="./EnglishAlphabeticCode/audio/f_asin_laugh.mp3"
            >
              <span class="act-right-col-label"
                >-gh<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/laugh_col.jpg" />
              </div>
              <div class="act-text-holder">
                lau<span class="act-black">gh</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #1c8b8e; color: #eee"
              >
                PI Unit 8
              </div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/b_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>b</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="b"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/b_asin_bat.mp3"
            >
              <span class="act-right-col-label"
                >b<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/bat.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">b</span>at
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #cce189; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-bb"
              data-audio="./EnglishAlphabeticCode/audio/b_asin_rabbit.mp3"
            >
              <span class="act-right-col-label"
                >-bb<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/rabbit_col.jpg" />
              </div>
              <div class="act-text-holder">
                ra<span class="act-black">bb</span>it
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="bu"
              data-audio="./EnglishAlphabeticCode/audio/b_asin_building.mp3"
            >
              <span class="act-right-col-label"
                >bu<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img
                  src="./EnglishAlphabeticCode/98_the_builder_and_the_buyer.jpg"
                />
              </div>
              <div class="act-text-holder">
                <span class="act-black">bu</span>ilding
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 7
              </div>
            </td>
            <td class="act-right-col right-col-4" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/j_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>j</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="j"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/j_j_asin_jug.mp3"
            >
              <span class="act-right-col-label"
                >j<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/jug.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">j</span>ug
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #cce189; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-ge"
              data-audio="./EnglishAlphabeticCode/audio/j_asin_cabbage.mp3"
            >
              <span class="act-right-col-label"
                >-ge<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/cabbage-1.jpg" />
              </div>
              <div class="act-text-holder">
                cabba<span class="act-black">ge</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #436bb2; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-dge"
              data-audio="./EnglishAlphabeticCode/audio/j_asin_fridge.mp3"
            >
              <span class="act-right-col-label"
                >-dge<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/fridge_col.jpg" />
              </div>
              <div class="act-text-holder">
                fri<span class="act-black">dge</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #1c8b8e; color: #eee"
              >
                PI Unit 7
              </div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="g"
              data-audio="./EnglishAlphabeticCode/audio/j_asin_gerbil.mp3"
            >
              <span class="act-right-col-label"
                >g<span class="act-outline-font">e</span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/gerbil.png" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">g</span>erbil
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #e7b09c; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="g"
              data-audio="./EnglishAlphabeticCode/audio/j_asin_giraffe.mp3"
            >
              <span class="act-right-col-label"
                >g<span class="act-outline-font">i</span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/giraffe.png" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">g</span>iraffe
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #e7b09c; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-6 act-has-audio"
              data-col_key="g"
              data-audio="./EnglishAlphabeticCode/audio/j_asin_gymnast.mp3"
            >
              <span class="act-right-col-label"
                >g<span class="act-outline-font">y</span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/gymnast.png" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">g</span>ymnast
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #e7b09c; color: #eee"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/y_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>y</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="y"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/y_asin_yawn.mp3"
            >
              <span class="act-right-col-label"
                >y<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/yawn.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">y</span>awn
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #cce189; color: #eee"
              ></div>
            </td>
            <td class="act-right-col right-col-2" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-3" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-4" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-1 act-has-audio"
              rowspan="2"
              data-audio="./EnglishAlphabeticCode/audio/ai_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>ai</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="ai"
              rowspan="2"
              data-audio="./EnglishAlphabeticCode/audio/ai_first_aid.mp3"
            >
              <span class="act-right-col-label"
                >ai<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/first_aid.png" />
              </div>
              <div class="act-text-holder">
                first <span class="act-black">ai</span>d
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #37a850; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-ay"
              data-audio="./EnglishAlphabeticCode/audio/ai_asin_tray.mp3"
            >
              <span class="act-right-col-label"
                >-ay<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/tray.jpg" />
              </div>
              <div class="act-text-holder">
                tr<span class="act-black">ay</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #37a850; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="a"
              data-audio="./EnglishAlphabeticCode/audio/ai_asin_table.mp3"
            >
              <span class="act-right-col-label"
                >a<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/table.png" />
              </div>
              <div class="act-text-holder">
                t<span class="act-black">a</span>ble
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #37a850; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="a-e"
              data-audio="./EnglishAlphabeticCode/audio/ai_asin_cake.mp3"
            >
              <span class="act-right-col-label"
                >a-e<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/cakes.jpg" />
              </div>
              <div class="act-text-holder">
                c<span class="act-black">a</span>k<span class="act-black"
                  >e</span
                >
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #e7b09c; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="-ae"
              data-audio="./EnglishAlphabeticCode/audio/ai_asin_sundae.mp3"
            >
              <span class="act-right-col-label"
                >-ae<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/sundae.png" />
              </div>
              <div class="act-text-holder">
                sund<span class="act-black">ae</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 6
              </div>
            </td>
            <td
              class="act-right-col right-col-6 act-has-audio"
              data-col_key="-aigh"
              data-audio="./EnglishAlphabeticCode/audio/ai_asin_straight.mp3"
            >
              <span class="act-right-col-label"
                >-aigh<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/straight.png" />
              </div>
              <div class="act-text-holder">
                str<span class="act-black">aigh</span>t
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 9
              </div>
            </td>
          </tr>
          <tr>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-ey"
              data-audio="./EnglishAlphabeticCode/audio/ai_asin_prey.mp3"
            >
              <span class="act-right-col-label"
                >-ey<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/prey_col.jpg" />
              </div>
              <div class="act-text-holder">
                th<span class="act-black">ey</span> ospr<span class="act-black"
                  >ey</span
                >
                pr<span class="act-black">ey</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 9
              </div>
            </td>

            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-ea"
              data-audio="./EnglishAlphabeticCode/audio/ai_asin_break.mp3"
            >
              <span class="act-right-col-label"
                >-ea<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/break_col.jpg" />
              </div>
              <div class="act-text-holder">
                br<span class="act-black">ea</span>k
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 9
              </div>
            </td>

            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="-et"
              data-audio="./EnglishAlphabeticCode/audio/ai_asin_bouquet.mp3"
            >
              <span class="act-right-col-label"
                >-et<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/bouquet_col-1.jpg" />
              </div>
              <div class="act-text-holder">
                bouqu<span class="act-black">et</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>

            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="eigh"
              data-audio="./EnglishAlphabeticCode/audio/ai_asin_eight.mp3"
            >
              <span class="act-right-col-label"
                >eigh<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/eight_col.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">eigh</span>t
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 9
              </div>
            </td>

            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>

          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/w_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>w</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="w"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/w_asin_web.mp3"
            >
              <span class="act-right-col-label"
                >w<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/web.png" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">w</span>eb
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #37a850; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="wh"
              data-audio="./EnglishAlphabeticCode/audio/w_asin_wheel.mp3"
            >
              <span class="act-right-col-label"
                >wh<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/wheel.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">wh</span>eel
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #d4bccc; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-u"
              data-audio="./EnglishAlphabeticCode/audio/w_asin_penguin.mp3"
            >
              <span class="act-right-col-label"
                >-u<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/penguin.png" />
              </div>
              <div class="act-text-holder">
                peng<span class="act-black">u</span>in
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-4" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-1 act-has-audio"
              rowspan="2"
              data-audio="./EnglishAlphabeticCode/audio/oa_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>oa</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="oa"
              rowspan="2"
              data-audio="./EnglishAlphabeticCode/audio/oa_asin_oak.mp3"
            >
              <span class="act-right-col-label"
                >oa<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/oak.png" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">oa</span>k
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #37a850; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="ow"
              data-audio="./EnglishAlphabeticCode/audio/oa_asin_bow.mp3"
            >
              <span class="act-right-col-label"
                >ow<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/bow.jpg" />
              </div>
              <div class="act-text-holder">
                b<span class="act-black">ow</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #37a850; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-oe"
              data-audio="./EnglishAlphabeticCode/audio/oa_asin_oboe.mp3"
            >
              <span class="act-right-col-label"
                >-oe<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/oboe.jpg" />
              </div>
              <div class="act-text-holder">
                ob<span class="act-black">oe</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #e7b09c; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="o-e"
              data-audio="./EnglishAlphabeticCode/audio/oa_asin_rope.mp3"
            >
              <span class="act-right-col-label"
                >o-e<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/rope.jpg" />
              </div>
              <div class="act-text-holder">
                r<span class="act-black">o</span>p<span class="act-black"
                  >e</span
                >
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #e7b09c; color: #eee"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="o"
              data-audio="./EnglishAlphabeticCode/audio/oa_asin_yoyo.mp3"
            >
              <span class="act-right-col-label"
                >o<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/yo-yo.jpg" />
              </div>
              <div class="act-text-holder">
                y<span class="act-black">o</span>-yo
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #37a850; color: #eee"
              ></div>
            </td>

            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-ough"
              data-audio="./EnglishAlphabeticCode/audio/oa_asin_dough.mp3"
            >
              <span class="act-right-col-label"
                >-ough<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/dough_col.jpg" />
              </div>
              <div class="act-text-holder">
                d<span class="act-black">ough</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 10
              </div>
            </td>

            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="-eau"
              data-audio="./EnglishAlphabeticCode/audio/oa_asin_plateau.mp3"
            >
              <span class="act-right-col-label"
                >-eau<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/plateau_col-Copy.jpg" />
              </div>
              <div class="act-text-holder">
                plat<span class="act-black">eau</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 12
              </div>
            </td>

            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="-ou"
              data-audio="./EnglishAlphabeticCode/audio/oa_asin_shoulder.mp3"
            >
              <span class="act-right-col-label"
                >-ou<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/shoulder_arrow.jpg" />
              </div>
              <div class="act-text-holder">
                sh<span class="act-black">ou</span>lder
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>

            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>

          <tr>
            <td
              class="act-left-col act-left-1 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/igh_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>igh</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="-ie"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/igh_asin_tie.mp3"
            >
              <span class="act-right-col-label"
                >-ie<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/tie.jpg" />
              </div>
              <div class="act-text-holder">
                t<span class="act-black">ie</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #37a850; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-igh"
              data-audio="./EnglishAlphabeticCode/audio/igh_asin_night.mp3"
            >
              <span class="act-right-col-label"
                >-igh<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/night.jpg" />
              </div>
              <div class="act-text-holder">
                n<span class="act-black">igh</span>t
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #37a850; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="i"
              data-audio="./EnglishAlphabeticCode/audio/igh_asin_behind.mp3"
            >
              <span class="act-right-col-label"
                >i<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/behind_col_big.jpg" />
              </div>
              <div class="act-text-holder">
                beh<span class="act-black">i</span>nd
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #37a850; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="-y"
              data-audio="./EnglishAlphabeticCode/audio/igh_asin_fly.mp3"
            >
              <span class="act-right-col-label"
                >-y<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/flying.jpg" />
              </div>
              <div class="act-text-holder">
                fl<span class="act-black">y</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #37a850; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="i-e"
              data-audio="./EnglishAlphabeticCode/audio/igh_asin_bike.mp3"
            >
              <span class="act-right-col-label"
                >i-e<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/bike.jpg" />
              </div>
              <div class="act-text-holder">
                b<span class="act-black">i</span>k<span class="act-black"
                  >e</span
                >
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #e7b09c; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-6 act-has-audio"
              data-col_key="ei"
              data-audio="./EnglishAlphabeticCode/audio/igh_asin_eider_duck.mp3"
            >
              <span class="act-right-col-label"
                >ei<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/eider_col490.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">ei</span>der duck
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 9
              </div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-1 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/yoo_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>yoo</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="u"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/yoo_asin_unicorn.mp3"
            >
              <span class="act-right-col-label"
                >u<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/unicorn_col.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">u</span>nicorn
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #37a850; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-ue"
              data-audio="./EnglishAlphabeticCode/audio/yoo_asin_statue.mp3"
            >
              <span class="act-right-col-label"
                >-ue<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/statue.jpg" />
              </div>
              <div class="act-text-holder">
                stat<span class="act-black">ue</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #436bb2; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="u-e"
              data-audio="./EnglishAlphabeticCode/audio/yoo_asin_tube.mp3"
            >
              <span class="act-right-col-label"
                >u-e<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/tube.jpg" />
              </div>
              <div class="act-text-holder">
                t<span class="act-black">u</span>b<span class="act-black"
                  >e</span
                >
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #e7b09c; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="ew"
              data-audio="./EnglishAlphabeticCode/audio/yoo_asin_new.mp3"
            >
              <span class="act-right-col-label"
                >ew<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/new_col490.jpg" />
              </div>
              <div class="act-text-holder">
                n<span class="act-black">ew</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #1c8b8e; color: #eee"
              >
                PI Unit 10
              </div>
            </td>
            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="eu"
              data-audio="./EnglishAlphabeticCode/audio/yoo_asin_pneumatic_drill.mp3"
            >
              <span class="act-right-col-label"
                >eu<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/pneumatic_col.jpg" />
              </div>
              <div class="act-text-holder">
                pn<span class="act-black">eu</span>matic drill
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 10
              </div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-1 act-has-audio"
              rowspan="2"
              data-audio="./EnglishAlphabeticCode/audio/ee_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>ee</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="e"
              rowspan="2"
              data-audio="./EnglishAlphabeticCode/audio/ee_asin_emu.mp3"
            >
              <span class="act-right-col-label"
                >e<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/emu140.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">e</span>mu
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #37a850; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="ee"
              data-audio="./EnglishAlphabeticCode/audio/ee_asin_eel.mp3"
            >
              <span class="act-right-col-label"
                >ee<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/eel.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">ee</span>l
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #d1c0cc; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="e-e"
              data-audio="./EnglishAlphabeticCode/audio/ee_asin_concrete.mp3"
            >
              <span class="act-right-col-label"
                >e-e<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/concrete.jpg" />
              </div>
              <div class="act-text-holder">
                concr<span class="act-black">e</span>t<span class="act-black"
                  >e</span
                >
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #e7b9a5; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="-ey"
              data-audio="./EnglishAlphabeticCode/audio/ee_asin_key.mp3"
            >
              <span class="act-right-col-label"
                >-ey<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/key.jpg" />
              </div>
              <div class="act-text-holder">
                k<span class="act-black">ey</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #fcd556; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="-ie"
              data-audio="./EnglishAlphabeticCode/audio/ee_asin_briefcase.mp3"
            >
              <span class="act-right-col-label"
                >-ie<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/shadow_col.jpg" />
              </div>
              <div class="act-text-holder">
                br<span class="act-black">ie</span>fcase
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 9
              </div>
            </td>
            <td
              class="act-right-col right-col-6 act-has-audio"
              data-col_key="-i"
              data-audio="./EnglishAlphabeticCode/audio/e_asin_sardines.mp3"
            >
              <span class="act-right-col-label"
                >-i<span class="act-outline-font">ne</span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/sardines_col.jpg" />
              </div>
              <div class="act-text-holder">
                sard<span class="act-black">i</span>nes
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 12
              </div>
            </td>
          </tr>
          <tr>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="ea"
              data-audio="./EnglishAlphabeticCode/audio/ee_asin_eat.mp3"
            >
              <span class="act-right-col-label"
                >ea<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/eat.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">ea</span>t
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #d1c0cc; color: #eee"
              ></div>
            </td>

            <td
              class="act-right-col right-col-3"
              data-col_key="empty"
              style="background-color: #fffa94"
            >
              <div
                class="act-left-text-top-2"
                style="text-align: center; margin-top: 3px"
              >
                <i style="font-size: 28px" class="fa fa-long-arrow-right"></i
                ><br />Often pronounced<br />
                between <br />
                /<span class="act-red">i</span>/ and /<span class="act-red"
                  >ee</span
                >/
              </div>
            </td>

            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="-y"
              data-audio="./EnglishAlphabeticCode/audio/ee_asin_sunny.mp3"
            >
              <span class="act-right-col-label"
                >-y<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/sunny.jpg" />
              </div>
              <div class="act-text-holder">
                sunn<span class="act-black">y</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #fcd556; color: #eee"
              ></div>
            </td>

            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="-ey"
              data-audio="./EnglishAlphabeticCode/audio/ee_asin_monkey.mp3"
            >
              <span class="act-right-col-label"
                >-ey<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/monkey_col.jpg" />
              </div>
              <div class="act-text-holder">
                monk<span class="act-black">ey</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 9
              </div>
            </td>

            <td
              class="act-right-col right-col-6 act-has-audio"
              data-col_key="-ie"
              data-audio="./EnglishAlphabeticCode/audio/ee_asin_movie.mp3"
            >
              <span class="act-right-col-label"
                >-ie<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/movie_col.jpg" />
              </div>
              <div class="act-text-holder">
                mov<span class="act-black">ie</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 9
              </div>
            </td>
          </tr>

          <tr>
            <td
              class="act-left-col act-left-1 act-has-audio"
              rowspan="2"
              data-audio="./EnglishAlphabeticCode/audio/or_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>or</span>/
              <div
                class="act-left-text-top"
                style="margin-top: 90px; width: 100%; text-align: center"
              >
                or similar sound
              </div>
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="or"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/or_asin_fork.mp3"
            >
              <span class="act-right-col-label"
                >or<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/fork.jpg" />
              </div>
              <div class="act-text-holder">
                f<span class="act-black">or</span>k
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #d1c0cc; color: #eee"
              >
                PI Unit 7
              </div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="ore"
              data-audio="./EnglishAlphabeticCode/audio/or_asin_snore.mp3"
            >
              <span class="act-right-col-label"
                >ore<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/snore_col.jpg" />
              </div>
              <div class="act-text-holder">
                sn<span class="act-black">ore</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 7
              </div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-our"
              data-audio="./EnglishAlphabeticCode/audio/or_asin_four.mp3"
            >
              <span class="act-right-col-label"
                >-our<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/four_col.jpg" />
              </div>
              <div class="act-text-holder">
                f<span class="act-black">our</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 7
              </div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="-oor"
              data-audio="./EnglishAlphabeticCode/audio/or_asin_door.mp3"
            >
              <span class="act-right-col-label"
                >-oor<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/door_col.jpg" />
              </div>
              <div class="act-text-holder">
                d<span class="act-black">oor</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 7
              </div>
            </td>
            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="oar"
              data-audio="./EnglishAlphabeticCode/audio/or_asin_oars.mp3"
            >
              <span class="act-right-col-label"
                >oar<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/oars_col.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">oar</span>s
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 8
              </div>
            </td>
            <td
              class="act-right-col right-col-6 act-has-audio"
              data-col_key="w"
              data-audio="./EnglishAlphabeticCode/audio/or_asin_wardrobe.mp3"
            >
              <span class="act-right-col-label"
                ><span class="act-outline-font">w</span>ar<br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/wardrobe_col.jpg" />
              </div>
              <div class="act-text-holder">
                w<span class="act-black">ar</span>drobe
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="aw"
              data-audio="./EnglishAlphabeticCode/audio/or_asin_dawn.mp3"
            >
              <span class="act-right-col-label"
                >aw<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/dawn_col_450.jpg" />
              </div>
              <div class="act-text-holder">
                d<span class="act-black">aw</span>n
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #d1c0cc; color: #eee"
              >
                PI Unit 7
              </div>
            </td>

            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="au"
              data-audio="./EnglishAlphabeticCode/audio/or_asin_sauce.mp3"
            >
              <span class="act-right-col-label"
                >au<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/sauce_col450.jpg" />
              </div>
              <div class="act-text-holder">
                s<span class="act-black">au</span>ce
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 7
              </div>
            </td>

            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="-al"
              data-audio="./EnglishAlphabeticCode/audio/or_asin_chalk.mp3"
            >
              <span class="act-right-col-label"
                >-al<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/chalk_col.jpg" />
              </div>
              <div class="act-text-holder">
                ch<span class="act-black">al</span>k
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 7
              </div>
            </td>

            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="augh"
              data-audio="./EnglishAlphabeticCode/audio/or_asin_caught.mp3"
            >
              <span class="act-right-col-label"
                >augh<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/caught_col.jpg" />
              </div>
              <div class="act-text-holder">
                c<span class="act-black">augh</span>t
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 11
              </div>
            </td>

            <td
              class="act-right-col right-col-6 act-has-audio"
              data-col_key="ough"
              data-audio="./EnglishAlphabeticCode/audio/or_asin_thought.mp3"
            >
              <span class="act-right-col-label"
                >ough<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/thought_col.jpg" />
              </div>
              <div class="act-text-holder">
                th<span class="act-black">ough</span>t
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 11
              </div>
            </td>

            <td
              class="act-right-col right-col-7 act-has-audio"
              data-col_key="qu"
              data-audio="./EnglishAlphabeticCode/audio/or_asin_quarter.mp3"
            >
              <span class="act-right-col-label"
                ><span class="act-outline-font">qu</span>ar<br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/quarter_col.jpg" />
              </div>
              <div class="act-text-holder">
                qu<span class="act-black">ar</span>ter
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 11
              </div>
            </td>
          </tr>

          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/z_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>z</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="z"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/z_asin_zebra.mp3"
            >
              <span class="act-right-col-label"
                >z<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/zebra.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">z</span>ebra
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #d1c0cc; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-zz"
              data-audio="./EnglishAlphabeticCode/audio/z_asin_jazz.mp3"
            >
              <span class="act-right-col-label"
                >-zz<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/jazz.jpg" />
              </div>
              <div class="act-text-holder">
                ja<span class="act-black">zz</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #d1c0cc; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-s"
              data-audio="./EnglishAlphabeticCode/audio/z_asin_fries.mp3"
            >
              <span class="act-right-col-label"
                >-s<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/fries.jpg" />
              </div>
              <div class="act-text-holder">
                frie<span class="act-black">s</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #d1c0cc; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="-se"
              data-audio="./EnglishAlphabeticCode/audio/z_asin_cheese.mp3"
            >
              <span class="act-right-col-label"
                >-se<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/cheese.jpg" />
              </div>
              <div class="act-text-holder">
                chee<span class="act-black">se</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #d1c0cc; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="-ze"
              data-audio="./EnglishAlphabeticCode/audio/z_asin_breeze.mp3"
            >
              <span class="act-right-col-label"
                >-ze<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/wind.jpg" />
              </div>
              <div class="act-text-holder">
                bree<span class="act-black">ze</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #d1c0cc; color: #eee"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/ng_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>ng</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="-ng"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/ng_asin_gong.mp3"
            >
              <span class="act-right-col-label"
                >-ng<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/gong.jpg" />
              </div>
              <div class="act-text-holder">
                go<span class="act-black">ng</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #fcd556; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-n"
              data-audio="./EnglishAlphabeticCode/audio/ng_asin_jungle.mp3"
            >
              <span class="act-right-col-label"
                >-n<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/jungle_col-Copy.jpg" />
              </div>
              <div class="act-text-holder">
                ju<span class="act-black">n</span>gle
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 12
              </div>
            </td>
            <td class="act-right-col right-col-3" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-4" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/ngk.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>ngk</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="-nk"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/ngk_asin_ink.mp3"
            >
              <span class="act-right-col-label"
                >-nk<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/ink.jpg" />
              </div>
              <div class="act-text-holder">
                i<span class="act-black">nk</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #fcd556; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-nc"
              data-audio="./EnglishAlphabeticCode/audio/ngk_asin_uncle.mp3"
            >
              <span class="act-right-col-label"
                >-nc<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/sad_face_col.jpg" />
              </div>
              <div class="act-text-holder">
                u<span class="act-black">nc</span>le
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-3" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-4" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/v_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>v</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="v"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/v_asin_violin.mp3"
            >
              <span class="act-right-col-label"
                >v<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/violin.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">v</span>iolin
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #fcd556; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-ve"
              data-audio="./EnglishAlphabeticCode/audio/v_asin_dove.mp3"
            >
              <span class="act-right-col-label"
                >-ve<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/dove.jpg" />
              </div>
              <div class="act-text-holder">
                do<span class="act-black">ve</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #fcd556; color: #eee"
              ></div>
            </td>
            <td class="act-right-col right-col-3" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-4" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-1 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/short-oo_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>oo</span>/
              <div class="act-left-text-top">short</div>
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="-oo"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/short-oo_asin_book.mp3"
            >
              <span class="act-right-col-label"
                >-oo<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/book.jpg" />
              </div>
              <div class="act-text-holder">
                b<span class="act-black">oo</span>k
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #fcd556; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-oul"
              data-audio="./EnglishAlphabeticCode/audio/short-oo_asin_would_could_should.mp3"
            >
              <span class="act-right-col-label"
                >-oul<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/should_col.jpg" />
              </div>
              <div class="act-text-holder">
                w<span class="act-black">oul</span>d c<span class="act-black"
                  >oul</span
                >d sh<span class="act-black">oul</span>d
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-u"
              data-audio="./EnglishAlphabeticCode/audio/short-oo_asin_put_push_pull.mp3"
            >
              <span class="act-right-col-label"
                >-u<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/father_son_swing_col.jpg" />
              </div>
              <div class="act-text-holder">
                p<span class="act-black">u</span>t p<span class="act-black"
                  >u</span
                >sh p<span class="act-black">u</span>ll
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-4" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-1 act-has-audio"
              rowspan="2"
              data-audio="./EnglishAlphabeticCode/audio/long-oo_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>oo</span>/
              <div class="act-left-text-top">long</div>
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="oo"
              rowspan="2"
              data-audio="./EnglishAlphabeticCode/audio/long-oo_asin_moon.mp3"
            >
              <span class="act-right-col-label"
                >oo<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/moon.jpg" />
              </div>
              <div class="act-text-holder">
                m<span class="act-black">oo</span>n
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #fcd556; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-ue"
              data-audio="./EnglishAlphabeticCode/audio/long-oo_asin_blue.mp3"
            >
              <span class="act-right-col-label"
                >-ue<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/blue.jpg" />
              </div>
              <div class="act-text-holder">
                bl<span class="act-black">ue</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #436bb2; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="u-e"
              data-audio="./EnglishAlphabeticCode/audio/long-oo_asin_flute.mp3"
            >
              <span class="act-right-col-label"
                >u-e<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/flute3.jpg" />
              </div>
              <div class="act-text-holder">
                fl<span class="act-black">u</span>t<span class="act-black"
                  >e</span
                >
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #e7b9a5; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="u"
              data-audio="./EnglishAlphabeticCode/audio/oo_asin_superb_pearl.mp3"
            >
              <span class="act-right-col-label"
                >u<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/superb-pearl.jpg" />
              </div>
              <div class="act-text-holder">
                s<span class="act-black">u</span>perb pearl
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="-ui"
              data-audio="./EnglishAlphabeticCode/audio/long-oo_asin_fruit.mp3"
            >
              <span class="act-right-col-label"
                >-ui<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/fruit_col.jpg" />
              </div>
              <div class="act-text-holder">
                fr<span class="act-black">ui</span>t
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 10
              </div>
            </td>
            <td
              class="act-right-col right-col-6 act-has-audio"
              data-col_key="-ew"
              data-audio="./EnglishAlphabeticCode/audio/long-oo_asin_crew.mp3"
            >
              <span class="act-right-col-label"
                >-ew<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/crew_col.jpg" />
              </div>
              <div class="act-text-holder">
                cr<span class="act-black">ew</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 7
              </div>
            </td>
          </tr>
          <tr>
            <td class="act-right-col right-col-2" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>

            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-ou"
              data-audio="./EnglishAlphabeticCode/audio/long-oo_asin_soup.mp3"
            >
              <span class="act-right-col-label"
                >-ou<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/soup_col.jpg" />
              </div>
              <div class="act-text-holder">
                s<span class="act-black">ou</span>p
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 10
              </div>
            </td>

            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="-o"
              data-audio="./EnglishAlphabeticCode/audio/long-oo_asin_move.mp3"
            >
              <span class="act-right-col-label"
                >-o<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/move_col480.jpg" />
              </div>
              <div class="act-text-holder">
                m<span class="act-black">o</span>ve
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 10
              </div>
            </td>

            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="-ough"
              data-audio="./EnglishAlphabeticCode/audio/long-oo_asin_through.mp3"
            >
              <span class="act-right-col-label"
                >-ough<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/through_col480.jpg" />
              </div>
              <div class="act-text-holder">
                thr<span class="act-black">ough</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 11
              </div>
            </td>

            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>

          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/ks_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>ks</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="-x"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/ks_asin_fox.mp3"
            >
              <span class="act-right-col-label"
                >-x<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/fox.jpg" />
              </div>
              <div class="act-text-holder">
                fo<span class="act-black">x</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #fcd556; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-ks"
              data-audio="./EnglishAlphabeticCode/audio/ks_asin_books.mp3"
            >
              <span class="act-right-col-label"
                >-ks<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/books.jpg" />
              </div>
              <div class="act-text-holder">
                boo<span class="act-black">ks</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                plural
              </div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-cks"
              data-audio="./EnglishAlphabeticCode/audio/ks_asin_ducks.mp3"
            >
              <span class="act-right-col-label"
                >-cks<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/ducks.jpg" />
              </div>
              <div class="act-text-holder">
                du<span class="act-black">cks</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                plural
              </div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="-kes"
              data-audio="./EnglishAlphabeticCode/audio/ks_asin_cakes.mp3"
            >
              <span class="act-right-col-label"
                >-kes<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/cakes-1.jpg" />
              </div>
              <div class="act-text-holder">
                ca<span class="act-black">kes</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                plural
              </div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/gz.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>gz</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="-x"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/gz_asin_exam-1.mp3"
            >
              <span class="act-right-col-label"
                >-x<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/exam_col.jpg" />
              </div>
              <div class="act-text-holder">
                e<span class="act-black">x</span>am
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 7
              </div>
            </td>
            <td class="act-right-col right-col-2" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-3" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-4" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/ch_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>ch</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="ch"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/ch_asin_chair.mp3"
            >
              <span class="act-right-col-label"
                >ch<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/chair.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">ch</span>air
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #fcd556; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-tch"
              data-audio="./EnglishAlphabeticCode/audio/ch_asin_patch.mp3"
            >
              <span class="act-right-col-label"
                >-tch<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/patch_col.jpg" />
              </div>
              <div class="act-text-holder">
                pa<span class="act-black">tch</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 7
              </div>
            </td>
            <td class="act-right-col right-col-3" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-4" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/chuh.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>ch</span><span class="act-red">uh</span>/
              <div class="act-left-text-top" style="margin-left: 10px">
                or / <span class="act-blue">ch</span
                ><span class="act-red">er</span>/
              </div>
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="-ture"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/chuh_asin_picture.mp3"
            >
              <span class="act-right-col-label"
                >-ture<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/picture_cropped.jpg" />
              </div>
              <div class="act-text-holder">
                pic<span class="act-black">ture</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 12
              </div>
            </td>
            <td class="act-right-col right-col-2" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-3" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-4" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/sh_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>sh</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="sh"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/sh_asin_sheep.mp3"
            >
              <span class="act-right-col-label"
                >sh<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/sheep.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">sh</span>eep
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #fcd556; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="ch"
              data-audio="./EnglishAlphabeticCode/audio/sh_asin_chef.mp3"
            >
              <span class="act-right-col-label"
                >ch<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/chef_col.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">ch</span>ef
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 8
              </div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-ti"
              data-audio="./EnglishAlphabeticCode/audio/sh_asin_station.mp3"
            >
              <span class="act-right-col-label"
                >-ti<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/station_col.jpg" />
              </div>
              <div class="act-text-holder">
                sta<span class="act-black">ti</span>on
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 8
              </div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="-ci"
              data-audio="./EnglishAlphabeticCode/audio/sh_asin_musician.mp3"
            >
              <span class="act-right-col-label"
                >-ci<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/oboe-1.jpg" />
              </div>
              <div class="act-text-holder">
                musi<span class="act-black">ci</span>an
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 8
              </div>
            </td>
            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="-ssi"
              data-audio="./EnglishAlphabeticCode/audio/sh_asin_admission.mp3"
            >
              <span class="act-right-col-label"
                >-ssi<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/admission_col.jpg" />
              </div>
              <div class="act-text-holder">
                admi<span class="act-black">ssi</span>on
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 8
              </div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/th.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>th</span>/
              <div class="act-left-text-top">unvoiced</div>
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="th"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/th_asin_thistle.mp3"
            >
              <span class="act-right-col-label"
                >th<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/thistle.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">th</span>istle
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #fcd556; color: #eee"
              ></div>
            </td>
            <td class="act-right-col right-col-2" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-3" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-4" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/th_voiced.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>th</span>/
              <div class="act-left-text-top">voiced</div>
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="th"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/th_asin_there.mp3"
            >
              <span class="act-right-col-label"
                >th<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/there_col.jpg" />
              </div>
              <div class="act-text-holder">
                over <span class="act-black">th</span>ere
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #fcd556; color: #eee"
              ></div>
            </td>
            <td class="act-right-col right-col-2" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-3" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-4" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/kw_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>kw</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="qu"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/kw_asin_queen.mp3"
            >
              <span class="act-right-col-label"
                >qu<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/queen.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">qu</span>een
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #456bb2; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="kw"
              data-audio="./EnglishAlphabeticCode/audio/kw_asin_awkward.mp3"
            >
              <span class="act-right-col-label"
                >kw<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/awkward.jpg" />
              </div>
              <div class="act-text-holder">
                aw<span class="act-black">kw</span>ard
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-3" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-4" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-1 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/ou_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>ou</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="ou"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/ou_asin_ouch.mp3"
            >
              <span class="act-right-col-label"
                >ou<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/ouch.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">ou</span>ch
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #456bb2; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="ow"
              data-audio="./EnglishAlphabeticCode/audio/ou_asin_owl.mp3"
            >
              <span class="act-right-col-label"
                >ow<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/owl.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">ow</span>l
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #456bb2; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-ough"
              data-audio="./EnglishAlphabeticCode/audio/ou_asin_plough.mp3"
            >
              <span class="act-right-col-label"
                >-ough<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/plough_col.jpg" />
              </div>
              <div class="act-text-holder">
                pl<span class="act-black">ough</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 11
              </div>
            </td>
            <td class="act-right-col right-col-4" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-1 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/oi_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>oi</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="oi"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/oi_asin_ointment.mp3"
            >
              <span class="act-right-col-label"
                >oi<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/ointment.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">oi</span>ntment
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #456bb2; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="oy"
              data-audio="./EnglishAlphabeticCode/audio/oi_asin_toy.mp3"
            >
              <span class="act-right-col-label"
                >oy<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/toy.jpg" />
              </div>
              <div class="act-text-holder">
                t<span class="act-black">oy</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #456bb2; color: #eee"
              ></div>
            </td>
            <td class="act-right-col right-col-3" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-4" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-1 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/er_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>er</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="er"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/er_asin_herbs.mp3"
            >
              <span class="act-right-col-label"
                >er<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/herbs.jpg" />
              </div>
              <div class="act-text-holder">
                h<span class="act-black">er</span>bs
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #456bb2; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="ir"
              data-audio="./EnglishAlphabeticCode/audio/er_asin_birthday.mp3"
            >
              <span class="act-right-col-label"
                >ir<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/birthday140.jpg" />
              </div>
              <div class="act-text-holder">
                b<span class="act-black">ir</span>thday
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #b257a1; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="ur"
              data-audio="./EnglishAlphabeticCode/audio/er_asin_nurse.mp3"
            >
              <span class="act-right-col-label"
                >ur<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/nurse.jpg" />
              </div>
              <div class="act-text-holder">
                n<span class="act-black">ur</span>se
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #b257a1; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="ear"
              data-audio="./EnglishAlphabeticCode/audio/er_asin_earth.mp3"
            >
              <span class="act-right-col-label"
                >ear<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/earth.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">ear</span>th
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #b257a1; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="w"
              data-audio="./EnglishAlphabeticCode/audio/er_asin_world.mp3"
            >
              <span class="act-right-col-label"
                ><span class="act-outline-font">w</span>or<br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/world.jpg" />
              </div>
              <div class="act-text-holder">
                w<span class="act-black">or</span>ld
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #b257a1; color: #eee"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-1 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/uh_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>uh</span>/
              <div class="act-left-text-top">schwa</div>
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="-er"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/uh_asin_mixer.mp3"
            >
              <span class="act-right-col-label"
                >-er<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/mixer.jpg" />
              </div>
              <div class="act-text-holder">
                mix<span class="act-black">er</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #456bb2; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-our"
              data-audio="./EnglishAlphabeticCode/audio/uh_asin_humour.mp3"
            >
              <span class="act-right-col-label"
                >-our<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/humour.jpg" />
              </div>
              <div class="act-text-holder">
                hum<span class="act-black">our</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #b257a1; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-re"
              data-audio="./EnglishAlphabeticCode/audio/uh_asin_theatre.mp3"
            >
              <span class="act-right-col-label"
                >-re<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/act2.jpg" />
              </div>
              <div class="act-text-holder">
                theat<span class="act-black">re</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 6 &amp; 12
              </div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="-ar"
              data-audio="./EnglishAlphabeticCode/audio/uh_asin_collar.mp3"
            >
              <span class="act-right-col-label"
                >-ar<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/collar.jpg" />
              </div>
              <div class="act-text-holder">
                coll<span class="act-black">ar</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="-or"
              data-audio="./EnglishAlphabeticCode/audio/uh_asin_sailor.mp3"
            >
              <span class="act-right-col-label"
                >-or<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-text-holder">
                sail<span class="act-black">or</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td
              class="act-right-col right-col-6 act-has-audio"
              data-col_key="a"
              data-audio="./EnglishAlphabeticCode/audio/uh_asin_lava.mp3"
            >
              <span class="act-right-col-label"
                >a<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/lava.jpg" />
              </div>
              <div class="act-text-holder">
                lav<span class="act-black">a</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-1 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/ar_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>ar</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="ar"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/ar_asin_artist.mp3"
            >
              <span class="act-right-col-label"
                >ar<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/artist.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">ar</span>tist
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #456bb2; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="a"
              data-audio="./EnglishAlphabeticCode/audio/ar_asin_father.mp3"
            >
              <span class="act-right-col-label"
                >a<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/father.jpg" />
              </div>
              <div class="act-text-holder">
                f<span class="act-black">a</span>ther
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="al"
              data-audio="./EnglishAlphabeticCode/audio/ar_asin_palm.mp3"
            >
              <span class="act-right-col-label"
                >al<span class="act-outline-font">m</span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/palm_col480-Copy.jpg" />
              </div>
              <div class="act-text-holder">
                p<span class="act-black">al</span>m
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 12
              </div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="-al"
              data-audio="./EnglishAlphabeticCode/audio/ar_asin_half.mp3"
            >
              <span class="act-right-col-label"
                >-al<span class="act-outline-font">f</span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/half_col-Copy.jpg" />
              </div>
              <div class="act-text-holder">
                h<span class="act-black">al</span>f
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 12
              </div>
            </td>
            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="-al"
              data-audio="./EnglishAlphabeticCode/audio/ar_asin_calves.mp3"
            >
              <span class="act-right-col-label"
                >-al<span class="act-outline-font">ves</span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/calves_col-Copy.jpg" />
              </div>
              <div class="act-text-holder">
                (c<span class="act-black">al</span>f) c<span class="act-black"
                  >al</span
                >ves
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              >
                PI Unit 12
              </div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-1 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/air_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>air</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="air"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/air_asin_hair-1.mp3"
            >
              <span class="act-right-col-label"
                >air<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/curly.jpg" />
              </div>
              <div class="act-text-holder">
                h<span class="act-black">air</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #e7b9a5; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-are"
              data-audio="./EnglishAlphabeticCode/audio/air_asin_square.mp3"
            >
              <span class="act-right-col-label"
                >-are<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/square3.jpg" />
              </div>
              <div class="act-text-holder">
                squ<span class="act-black">are</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #e7b9a5; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-ear"
              data-audio="./EnglishAlphabeticCode/audio/air_asin_bear.mp3"
            >
              <span class="act-right-col-label"
                >-ear<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/bear.jpg" />
              </div>
              <div class="act-text-holder">
                b<span class="act-black">ear</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #e7b9a5; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="-ere"
              data-audio="./EnglishAlphabeticCode/audio/air_asin_where.mp3"
            >
              <span class="act-right-col-label"
                >-ere<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/where_col.jpg" />
              </div>
              <div class="act-text-holder">
                wh<span class="act-black">ere</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #e7b9a5; color: #eee"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-1 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/eer_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>eer</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="eer"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/eer_asin_deer.mp3"
            >
              <span class="act-right-col-label"
                >eer<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/deer.jpg" />
              </div>
              <div class="act-text-holder">
                d<span class="act-black">eer</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #b257a1; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="ear"
              data-audio="./EnglishAlphabeticCode/audio/eer_asin_ears.mp3"
            >
              <span class="act-right-col-label"
                >ear<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/ears.jpg" />
              </div>
              <div class="act-text-holder">
                <span class="act-black">ear</span>s
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #b257a1; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-ere"
              data-audio="./EnglishAlphabeticCode/audio/eer_asin_adhere.mp3"
            >
              <span class="act-right-col-label"
                >-ere<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/adhere.jpg" />
              </div>
              <div class="act-text-holder">
                adh<span class="act-black">ere</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #b257a1; color: #eee"
              ></div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="-ier"
              data-audio="./EnglishAlphabeticCode/audio/eer_asin_cashier.mp3"
            >
              <span class="act-right-col-label"
                >-ier<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/cashier.jpg" />
              </div>
              <div class="act-text-holder">
                cash<span class="act-black">ier</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #b257a1; color: #eee"
              ></div>
            </td>
            <td class="act-right-col right-col-5" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>

              <div
                class="act-bottom-color-row"
                style="background-color: #ffffff; color: #666"
              ></div>
            </td>
          </tr>
          <tr>
            <td
              class="act-left-col act-left-2 act-has-audio"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/zh_01.mp3"
            >
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              /<span>zh</span>/
            </td>
            <td
              class="act-right-col right-col-1 act-has-audio"
              data-col_key="-si"
              rowspan="1"
              data-audio="./EnglishAlphabeticCode/audio/zh_asin_television.mp3"
            >
              <span class="act-right-col-label"
                >-si<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/television_col.jpg" />
              </div>
              <div class="act-text-holder">
                televi<span class="act-black">si</span>on
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 8
              </div>
            </td>
            <td
              class="act-right-col right-col-2 act-has-audio"
              data-col_key="-s"
              data-audio="./EnglishAlphabeticCode/audio/zh_asin_treasure.mp3"
            >
              <span class="act-right-col-label"
                >-s<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/treasure_col.jpg" />
              </div>
              <div class="act-text-holder">
                trea<span class="act-black">s</span>ure
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 8
              </div>
            </td>
            <td
              class="act-right-col right-col-3 act-has-audio"
              data-col_key="-ge"
              data-audio="./EnglishAlphabeticCode/audio/zh_asin_collage.mp3"
            >
              <span class="act-right-col-label"
                >-ge<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/collage_col.jpg" />
              </div>
              <div class="act-text-holder">
                colla<span class="act-black">ge</span>
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 8
              </div>
            </td>
            <td
              class="act-right-col right-col-4 act-has-audio"
              data-col_key="-z"
              data-audio="./EnglishAlphabeticCode/audio/zh_asin_azure.mp3"
            >
              <span class="act-right-col-label"
                >-z<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/azure_col.jpg" />
              </div>
              <div class="act-text-holder">
                a<span class="act-black">z</span>ure
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 8
              </div>
            </td>
            <td
              class="act-right-col right-col-5 act-has-audio"
              data-col_key="g"
              data-audio="./EnglishAlphabeticCode/audio/zh_asin_courgette.mp3"
            >
              <span class="act-right-col-label"
                >g<span class="act-outline-font"></span><br
              /></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
              <div class="act-img-holder">
                <img src="./EnglishAlphabeticCode/courgette_col.jpg" />
              </div>
              <div class="act-text-holder">
                cour<span class="act-black">g</span>ette
              </div>
              <div
                class="act-bottom-color-row"
                style="background-color: #018b8b; color: #eee"
              >
                PI Unit 8
              </div>
            </td>
            <td class="act-right-col right-col-6" data-col_key="empty">
              <span class="act-right-col-label"></span>
              <span class="act-speaker"><i class="fa fa-volume-up"></i></span>
            </td>
          </tr>
        </tbody>
      </table>
      <script>
        jQuery("#act-code-table tr").each(function () {
          let max_h = 0;
          jQuery(this)
            .find(".act-text-holder")
            .each(function () {
              let h = jQuery(this).outerHeight();
              if (h > max_h) max_h = h;
              console.log(jQuery(this).text() + " " + h);
            });
          if (max_h > 0) {
            jQuery(this)
              .find(".act-text-holder")
              .css("height", max_h + "px");
          }
        });
        jQuery(document).ready(function () {
          jQuery(".act-has-audio").each(function () {
            let file = jQuery(this).attr("data-audio");
            jQuery(this).click(function () {
              let audio = new Audio(file);
              audio.play();
            });
          });
        });
        // let newarry = [];
        // jQuery(".act-has-audio").each(function () {
        //   newarry.push(this.dataset.audio);
        // });
        // console.log(newarry);
      </script>
      <div class="imglist">
        <div class="img_sty">
          <img
            loading="lazy"
            src="./EnglishAlphabeticCode/PI_Chart_Key.jpg"
            alt="No Nonsense Phonics Skills Key"
          />
        </div>
        <div class="img_sty">
          <img
            loading="lazy"
            src="./EnglishAlphabeticCode/PI_Chart_Complexities.jpg"
            alt="The complexities of the English Alphabetic Code"
          />
        </div>
      </div>
    </div>
  </body>
</html>
